<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
    <title>shop</title>
    <link rel="icon" href="./img/favicon.ico">
    <link rel="stylesheet" type="text/css" href="./css/style.css" />
    <link rel="stylesheet" type="text/css" href="./css/index.css" />
    <link rel="stylesheet" type="text/css" href="./css/icon.css" />

</head>

<body class="index-back">
    <!-- 头部栏位 -->
    <!--页面顶部-->
    <div id="nav-bottom">
        <!--顶部-->
        <div class="nav-top">
            <div class="top">
                <div class="py-container">
                    <div class="shortcut">
                        <ul class="fl">
                            <li class="f-item">shop欢迎您！</li>
                            <li class="f-item">请
                                <a href="login.html" target="_blank">登录</a>
                                <span>
                                    <a href="register.html" target="_blank">免费注册</a>
                                </span>
                            </li>
                        </ul>
                        <div class="fr typelist">
                            <ul class="types">
                                <li class="f-item">
                                    <span>我的订单</span>
                                </li>

                                <li class="f-item">
                                    <span>
                                        <a href="cart.html" target="_blank">我的购物车</a>
                                    </span>
                                </li>
                                <li class="f-item">
                                    <span>
                                        <a href="home.html" target="_blank">我的shop</a>
                                    </span>
                                </li>
                                <li class="f-item">
                                    <span>shop会员</span>
                                </li>
                                <li class="f-item">
                                    <span>企业采购</span>
                                </li>
                                <li class="f-item">
                                    <span>关注shop</span>
                                </li>
                                <li class="f-item">
                                    <span>
                                        <a href="cooperation.html" target="_blank">合作招商</a>
                                    </span>
                                </li>
                                <li class="f-item">
                                    <span>
                                        <a href="shoplogin.html" target="_blank">商家后台</a>
                                    </span>
                                </li>
                                <li class="f-item">
                                    <span>网站导航</li>
                            </ul>
                        </div>

                    </div>
                </div>
            </div>

            <!--头部-->
            <div class="header">
                <div class="py-container">
                    <div class="yui3-g Logo">
                        <div class="yui3-u Left logoArea">
                            <a class="logo-bd" title="shop" href="index.html" target="_blank"></a>
                        </div>
                        <div class="yui3-u Rit searchArea">
                            <div class="search">
                                <form action="" class="sui-form form-inline">
                                    <!--searchAutoComplete-->
                                    <div class="input-append">
                                        <input type="text" id="autocomplete" class="input-error input-xxlarge" />
                                        <button class="sui-btn btn-xlarge btn-danger" type="button">搜索</button>
                                    </div>
                                    <div class="search-ul">
                                        <a href="#" target="_blank">品质钟表</a>
                                        <a href="#" target="_blank">5折车品</a>
                                        <a href="#" target="_blank">电脑数码</a>
                                        <a href="#" target="_blank">图书钜惠</a>
                                        <a href="#" target="_blank">国庆盛典</a>
                                        <a href="#" target="_blank">24期免息</a>
                                        <a href="#" target="_blank">家电放价</a>
                                        <a href="#" target="_blank">鲜放价</a>
                                    </div>
                                </form>
                            </div>
                            <div class="search-bar-cart">
                                <i class="tab-ico"></i>
                                <em class="cart">购物车</em>
                                <span class="cart-num">2</span>
                        </div>
                    </div>
                    <div class="header-right">
                        <img src="img/header-img.png" />
                    </div>

                </div>

            </div>
        </div>
    </div>
    </div>


    <!-- 商品分类导航 -->
    <div class="typeNav">
        <div class="py-container">
            <div class="yui3-g NavList">
                <div class="all-sorts-list">
                    <!-- <div class="yui3-u Left all-sort">
						<h4>全部商品分类</h4>
					</div> -->
                    <div class="sort">
                        <div class="all-sort-list2">
                            <div class="item bo">
                                <h3>
                                    <a href="">图书、音像、数字商品</a>
                                </h3>
                                <div class="item-list clearfix">
                                    <div class="subitem">
                                        <dl class="fore">
                                            <dt>
                                                <a href="">电子书</a>
                                            </dt>
                                            <dd>
                                                <a href="">免费</a>
                                                <a href="">小说</a>
                                                </em>
                                                <a href="">励志与成功</a>
                                                <em>
                                                    <a href="">婚恋/两性</a>
                                                </em>
                                                <em>
                                                    <a href="">文学</a>
                                                </em>
                                                <em>
                                                    <a href="">经管</a>
                                                </em>
                                                <em>
                                                    <a href="">畅读VIP</a>
                                                </em>
                                            </dd>
                                        </dl>
                                    </div>
                                </div>
                            </div>
                            <div class="item">
                                <h3>
                                    <a href="">家用电器</a>
                                </h3>
                                <div class="item-list clearfix">
                                    <div class="subitem">
                                        <dl class="fore">
                                            <dt>
                                                <a href="">电子书1</a>
                                            </dt>
                                            <dd>
                                                <em>
                                                    <a href="">免费</a>
                                                </em>
                                                <em>
                                                    <a href="">小说</a>
                                                </em>
                                                <em>
                                                    <a href="">励志与成功</a>
                                                </em>
                                                <em>
                                                    <a href="">婚恋/两性</a>
                                                </em>
                                                <em>
                                                    <a href="">文学</a>
                                                </em>
                                                <em>
                                                    <a href="">经管</a>
                                                </em>
                                                <em>
                                                    <a href="">畅读VIP</a>
                                                </em>
                                            </dd>
                                        </dl>
                                        <dl class="fore">
                                            <dt>
                                                <a href="">数字音乐</a>
                                            </dt>
                                            <dd>
                                                <em>
                                                    <a href="">通俗流行</a>
                                                </em>
                                                <em>
                                                    <a href="">古典音乐</a>
                                                </em>
                                                <em>
                                                    <a href="">摇滚说唱</a>
                                                </em>
                                                <em>
                                                    <a href="">爵士蓝调</a>
                                                </em>
                                                <em>
                                                    <a href="">乡村民谣</a>
                                                </em>
                                                <em>
                                                    <a href="">有声读物</a>
                                                </em>
                                            </dd>
                                        </dl>
                                        <dl class="fore">
                                            <dt>
                                                <a href="">音像</a>
                                            </dt>
                                            <dd>
                                                <em>
                                                    <a href="">音乐</a>
                                                </em>
                                                <em>
                                                    <a href="">影视</a>
                                                </em>
                                                <em>
                                                    <a href="">教育音像</a>
                                                </em>
                                                <em>
                                                    <a href="">游戏</a>
                                                </em>
                                            </dd>
                                        </dl>
                                        <dl class="fore">
                                            <dt>文艺</dt>
                                            <dd>
                                                <em>
                                                    <a href="">小说</a>
                                                </em>
                                                <em>
                                                    <a href="">文学</a>
                                                </em>
                                                <em>
                                                    <a href="">青春文学</a>
                                                </em>
                                                <em>
                                                    <a href="">传记</a>
                                                </em>
                                                <em>
                                                    <a href="">艺术</a>
                                                </em>
                                            </dd>
                                        </dl>
                                        <dl class="fore">
                                            <dt>人文社科</dt>
                                            <dd>
                                                <em>
                                                    <a href="">历史</a>
                                                </em>
                                                <em>
                                                    <a href="">心理学</a>
                                                </em>
                                                <em>
                                                    <a href="">政治/军事</a>
                                                </em>
                                                <em>
                                                    <a href="">国学/古籍</a>
                                                </em>
                                                <em>
                                                    <a href="">哲学/宗教</a>
                                                </em>
                                                <em>
                                                    <a href="">社会科学</a>
                                                </em>
                                            </dd>
                                        </dl>
                                        <dl class="fore">
                                            <dt>经管励志</dt>
                                            <dd>
                                                <em>
                                                    <a href="">经济</a>
                                                </em>
                                                <em>
                                                    <a href="">金融与投资</a>
                                                </em>
                                                <em>
                                                    <a href="">管理</a>
                                                </em>
                                                <em>
                                                    <a href="">励志与成功</a>
                                                </em>
                                            </dd>
                                        </dl>
                                        <dl class="fore">
                                            <dt>生活</dt>
                                            <dd>
                                                <em>
                                                    <a href="">家庭与育儿</a>
                                                </em>
                                                <em>
                                                    <a href="">旅游/地图</a>
                                                </em>
                                                <em>
                                                    <a href="">烹饪/美食</a>
                                                </em>
                                                <em>
                                                    <a href="">时尚/美妆</a>
                                                </em>
                                                <em>
                                                    <a href="">家居</a>
                                                </em>
                                                <em>
                                                    <a href="">婚恋与两性</a>
                                                </em>
                                                <em>
                                                    <a href="">娱乐/休闲</a>
                                                </em>
                                                <em>
                                                    <a href="">健身与保健</a>
                                                </em>
                                                <em>
                                                    <a href="">动漫/幽默</a>
                                                </em>
                                                <em>
                                                    <a href="">体育/运动</a>
                                                </em>
                                            </dd>
                                        </dl>
                                        <dl class="fore">
                                            <dt>科技</dt>
                                            <dd>
                                                <em>
                                                    <a href="">科普</a>
                                                </em>
                                                <em>
                                                    <a href="">IT</a>
                                                </em>
                                                <em>
                                                    <a href="">建筑</a>
                                                </em>
                                                <em>
                                                    <a href="">医学</a>
                                                </em>
                                                <em>
                                                    <a href="">工业技术</a>
                                                </em>
                                                <em>
                                                    <a href="">电子/通信</a>
                                                </em>
                                                <em>
                                                    <a href="">农林</a>
                                                </em>
                                                <em>
                                                    <a href="">科学与自然</a>
                                                </em>
                                            </dd>
                                        </dl>
                                        <dl class="fore">
                                            <dt>少儿</dt>
                                            <dd>
                                                <em>
                                                    <a href="">少儿</a>
                                                </em>
                                                <em>
                                                    <a href="">0-2岁</a>
                                                </em>
                                                <em>
                                                    <a href="">3-6岁</a>
                                                </em>
                                                <em>
                                                    <a href="">7-10岁</a>
                                                </em>
                                                <em>
                                                    <a href="">11-14岁</a>
                                                </em>
                                            </dd>
                                        </dl>
                                    </div>
                                </div>
                            </div>
                            <div class="item">
                                <h3>
                                    <a href="">手机、数码、充值</a>
                                </h3>
                                <div class="item-list clearfix">
                                    <div class="subitem">
                                        <dl class="fore">
                                            <dt>
                                                <a href="">充值</a>
                                            </dt>
                                            <dd>
                                                <em>
                                                    <a href="recharge.html">充值</a>
                                                </em>
                                            </dd>
                                        </dl>
                                        <dl class="fore">
                                            <dt>
                                                <a href="">电子书2</a>
                                            </dt>
                                            <dd>
                                                <em>
                                                    <a href="">免费</a>
                                                </em>
                                                <em>
                                                    <a href="">小说</a>
                                                </em>
                                                <em>
                                                    <a href="">励志与成功</a>
                                                </em>
                                                <em>
                                                    <a href="">婚恋/两性</a>
                                                </em>
                                                <em>
                                                    <a href="">文学</a>
                                                </em>
                                                <em>
                                                    <a href="">经管</a>
                                                </em>
                                                <em>
                                                    <a href="">畅读VIP</a>
                                                </em>
                                            </dd>
                                        </dl>
                                        <dl class="fore">
                                            <dt>
                                                <a href="">数字音乐</a>
                                            </dt>
                                            <dd>
                                                <em>
                                                    <a href="">通俗流行</a>
                                                </em>
                                                <em>
                                                    <a href="">古典音乐</a>
                                                </em>
                                                <em>
                                                    <a href="">摇滚说唱</a>
                                                </em>
                                                <em>
                                                    <a href="">爵士蓝调</a>
                                                </em>
                                                <em>
                                                    <a href="">乡村民谣</a>
                                                </em>
                                                <em>
                                                    <a href="">有声读物</a>
                                                </em>
                                            </dd>
                                        </dl>
                                        <dl class="fore">
                                            <dt>
                                                <a href="">音像</a>
                                            </dt>
                                            <dd>
                                                <em>
                                                    <a href="">音乐</a>
                                                </em>
                                                <em>
                                                    <a href="">影视</a>
                                                </em>
                                                <em>
                                                    <a href="">教育音像</a>
                                                </em>
                                                <em>
                                                    <a href="">游戏</a>
                                                </em>
                                            </dd>
                                        </dl>
                                        <dl class="fore">
                                            <dt>文艺</dt>
                                            <dd>
                                                <em>
                                                    <a href="">小说</a>
                                                </em>
                                                <em>
                                                    <a href="">文学</a>
                                                </em>
                                                <em>
                                                    <a href="">青春文学</a>
                                                </em>
                                                <em>
                                                    <a href="">传记</a>
                                                </em>
                                                <em>
                                                    <a href="">艺术</a>
                                                </em>
                                            </dd>
                                        </dl>
                                        <dl class="fore">
                                            <dt>人文社科</dt>
                                            <dd>
                                                <em>
                                                    <a href="">历史</a>
                                                </em>
                                                <em>
                                                    <a href="">心理学</a>
                                                </em>
                                                <em>
                                                    <a href="">政治/军事</a>
                                                </em>
                                                <em>
                                                    <a href="">国学/古籍</a>
                                                </em>
                                                <em>
                                                    <a href="">哲学/宗教</a>
                                                </em>
                                                <em>
                                                    <a href="">社会科学</a>
                                                </em>
                                            </dd>
                                        </dl>
                                    </div>
                                </div>
                            </div>
                            <div class="item">
                                <h3>
                                    <a href="">电脑、办公</a>
                                </h3>
                                <div class="item-list clearfix">
                                    <div class="subitem">
                                        <dl class="fore">
                                            <dt>
                                                <a href="">电子书3</a>
                                            </dt>
                                            <dd>
                                                <em>
                                                    <a href="">免费</a>
                                                </em>
                                                <em>
                                                    <a href="">小说</a>
                                                </em>
                                                <em>
                                                    <a href="">励志与成功</a>
                                                </em>
                                                <em>
                                                    <a href="">婚恋/两性</a>
                                                </em>
                                                <em>
                                                    <a href="">文学</a>
                                                </em>
                                                <em>
                                                    <a href="">经管</a>
                                                </em>
                                                <em>
                                                    <a href="">畅读VIP</a>
                                                </em>
                                            </dd>
                                        </dl>
                                        <dl class="fore">
                                            <dt>
                                                <a href="">数字音乐</a>
                                            </dt>
                                            <dd>
                                                <em>
                                                    <a href="">通俗流行</a>
                                                </em>
                                                <em>
                                                    <a href="">古典音乐</a>
                                                </em>
                                                <em>
                                                    <a href="">摇滚说唱</a>
                                                </em>
                                                <em>
                                                    <a href="">爵士蓝调</a>
                                                </em>
                                                <em>
                                                    <a href="">乡村民谣</a>
                                                </em>
                                                <em>
                                                    <a href="">有声读物</a>
                                                </em>
                                            </dd>
                                        </dl>
                                        <dl class="fore">
                                            <dt>
                                                <a href="">音像</a>
                                            </dt>
                                            <dd>
                                                <em>
                                                    <a href="">音乐</a>
                                                </em>
                                                <em>
                                                    <a href="">影视</a>
                                                </em>
                                                <em>
                                                    <a href="">教育音像</a>
                                                </em>
                                                <em>
                                                    <a href="">游戏</a>
                                                </em>
                                            </dd>
                                        </dl>
                                        <dl class="fore">
                                            <dt>文艺</dt>
                                            <dd>
                                                <em>
                                                    <a href="">小说</a>
                                                </em>
                                                <em>
                                                    <a href="">文学</a>
                                                </em>
                                                <em>
                                                    <a href="">青春文学</a>
                                                </em>
                                                <em>
                                                    <a href="">传记</a>
                                                </em>
                                                <em>
                                                    <a href="">艺术</a>
                                                </em>
                                            </dd>
                                        </dl>
                                        <dl class="fore">
                                            <dt>人文社科</dt>
                                            <dd>
                                                <em>
                                                    <a href="">历史</a>
                                                </em>
                                                <em>
                                                    <a href="">心理学</a>
                                                </em>
                                                <em>
                                                    <a href="">政治/军事</a>
                                                </em>
                                                <em>
                                                    <a href="">国学/古籍</a>
                                                </em>
                                                <em>
                                                    <a href="">哲学/宗教</a>
                                                </em>
                                                <em>
                                                    <a href="">社会科学</a>
                                                </em>
                                            </dd>
                                        </dl>
                                        <dl class="fore">
                                            <dt>经管励志</dt>
                                            <dd>
                                                <em>
                                                    <a href="">经济</a>
                                                </em>
                                                <em>
                                                    <a href="">金融与投资</a>
                                                </em>
                                                <em>
                                                    <a href="">管理</a>
                                                </em>
                                                <em>
                                                    <a href="">励志与成功</a>
                                                </em>
                                            </dd>
                                        </dl>
                                        <dl class="fore">
                                            <dt>生活</dt>
                                            <dd>
                                                <em>
                                                    <a href="">家庭与育儿</a>
                                                </em>
                                                <em>
                                                    <a href="">旅游/地图</a>
                                                </em>
                                                <em>
                                                    <a href="">烹饪/美食</a>
                                                </em>
                                                <em>
                                                    <a href="">时尚/美妆</a>
                                                </em>
                                                <em>
                                                    <a href="">家居</a>
                                                </em>
                                                <em>
                                                    <a href="">婚恋与两性</a>
                                                </em>
                                                <em>
                                                    <a href="">娱乐/休闲</a>
                                                </em>
                                                <em>
                                                    <a href="">健身与保健</a>
                                                </em>
                                                <em>
                                                    <a href="">动漫/幽默</a>
                                                </em>
                                                <em>
                                                    <a href="">体育/运动</a>
                                                </em>
                                            </dd>
                                        </dl>
                                        <dl class="fore">
                                            <dt>科技</dt>
                                            <dd>
                                                <em>
                                                    <a href="">科普</a>
                                                </em>
                                                <em>
                                                    <a href="">IT</a>
                                                </em>
                                                <em>
                                                    <a href="">建筑</a>
                                                </em>
                                                <em>
                                                    <a href="">医学</a>
                                                </em>
                                                <em>
                                                    <a href="">工业技术</a>
                                                </em>
                                                <em>
                                                    <a href="">电子/通信</a>
                                                </em>
                                                <em>
                                                    <a href="">农林</a>
                                                </em>
                                                <em>
                                                    <a href="">科学与自然</a>
                                                </em>
                                            </dd>
                                        </dl>
                                        <dl class="fore">
                                            <dt>少儿</dt>
                                            <dd>
                                                <em>
                                                    <a href="">少儿</a>
                                                </em>
                                                <em>
                                                    <a href="">0-2岁</a>
                                                </em>
                                                <em>
                                                    <a href="">3-6岁</a>
                                                </em>
                                                <em>
                                                    <a href="">7-10岁</a>
                                                </em>
                                                <em>
                                                    <a href="">11-14岁</a>
                                                </em>
                                            </dd>
                                        </dl>
                                        <dl class="fore">
                                            <dt>教育</dt>
                                            <dd>
                                                <em>
                                                    <a href="">教材教辅</a>
                                                </em>
                                                <em>
                                                    <a href="">考试</a>
                                                </em>
                                                <em>
                                                    <a href="">外语学习</a>
                                                </em>
                                            </dd>
                                        </dl>
                                        <dl class="fore">
                                            <dt>其它</dt>
                                            <dd>
                                                <em>
                                                    <a href="">英文原版书</a>
                                                </em>
                                                <em>
                                                    <a href="">港台图书</a>
                                                </em>
                                                <em>
                                                    <a href="">工具书</a>
                                                </em>
                                                <em>
                                                    <a href="">套装书</a>
                                                </em>
                                                <em>
                                                    <a href="">杂志/期刊</a>
                                                </em>
                                            </dd>
                                        </dl>
                                    </div>
                                </div>
                            </div>
                            <div class="item">
                                <h3>
                                    <a href="">家居、家具、家装、厨具</a>
                                </h3>
                                <div class="item-list clearfix">
                                    <div class="subitem">
                                        <dl class="fore">
                                            <dt>
                                                <a href="">电子书4</a>
                                            </dt>
                                            <dd>
                                                <em>
                                                    <a href="">免费</a>
                                                </em>
                                                <em>
                                                    <a href="">小说</a>
                                                </em>
                                                <em>
                                                    <a href="">励志与成功</a>
                                                </em>
                                                <em>
                                                    <a href="">婚恋/两性</a>
                                                </em>
                                                <em>
                                                    <a href="">文学</a>
                                                </em>
                                                <em>
                                                    <a href="">经管</a>
                                                </em>
                                                <em>
                                                    <a href="">畅读VIP</a>
                                                </em>
                                            </dd>
                                        </dl>
                                        <dl class="fore">
                                            <dt>
                                                <a href="">数字音乐</a>
                                            </dt>
                                            <dd>
                                                <em>
                                                    <a href="">通俗流行</a>
                                                </em>
                                                <em>
                                                    <a href="">古典音乐</a>
                                                </em>
                                                <em>
                                                    <a href="">摇滚说唱</a>
                                                </em>
                                                <em>
                                                    <a href="">爵士蓝调</a>
                                                </em>
                                                <em>
                                                    <a href="">乡村民谣</a>
                                                </em>
                                                <em>
                                                    <a href="">有声读物</a>
                                                </em>
                                            </dd>
                                        </dl>
                                        <dl class="fore">
                                            <dt>
                                                <a href="">音像</a>
                                            </dt>
                                            <dd>
                                                <em>
                                                    <a href="">音乐</a>
                                                </em>
                                                <em>
                                                    <a href="">影视</a>
                                                </em>
                                                <em>
                                                    <a href="">教育音像</a>
                                                </em>
                                                <em>
                                                    <a href="">游戏</a>
                                                </em>
                                            </dd>
                                        </dl>
                                        <dl class="fore">
                                            <dt>文艺</dt>
                                            <dd>
                                                <em>
                                                    <a href="">小说</a>
                                                </em>
                                                <em>
                                                    <a href="">文学</a>
                                                </em>
                                                <em>
                                                    <a href="">青春文学</a>
                                                </em>
                                                <em>
                                                    <a href="">传记</a>
                                                </em>
                                                <em>
                                                    <a href="">艺术</a>
                                                </em>
                                            </dd>
                                        </dl>
                                        <dl class="fore">
                                            <dt>人文社科</dt>
                                            <dd>
                                                <em>
                                                    <a href="">历史</a>
                                                </em>
                                                <em>
                                                    <a href="">心理学</a>
                                                </em>
                                                <em>
                                                    <a href="">政治/军事</a>
                                                </em>
                                                <em>
                                                    <a href="">国学/古籍</a>
                                                </em>
                                                <em>
                                                    <a href="">哲学/宗教</a>
                                                </em>
                                                <em>
                                                    <a href="">社会科学</a>
                                                </em>
                                            </dd>
                                        </dl>
                                        <dl class="fore">
                                            <dt>经管励志</dt>
                                            <dd>
                                                <em>
                                                    <a href="">经济</a>
                                                </em>
                                                <em>
                                                    <a href="">金融与投资</a>
                                                </em>
                                                <em>
                                                    <a href="">管理</a>
                                                </em>
                                                <em>
                                                    <a href="">励志与成功</a>
                                                </em>
                                            </dd>
                                        </dl>
                                        <dl class="fore">
                                            <dt>生活</dt>
                                            <dd>
                                                <em>
                                                    <a href="">家庭与育儿</a>
                                                </em>
                                                <em>
                                                    <a href="">旅游/地图</a>
                                                </em>
                                                <em>
                                                    <a href="">烹饪/美食</a>
                                                </em>
                                                <em>
                                                    <a href="">时尚/美妆</a>
                                                </em>
                                                <em>
                                                    <a href="">家居</a>
                                                </em>
                                                <em>
                                                    <a href="">婚恋与两性</a>
                                                </em>
                                                <em>
                                                    <a href="">娱乐/休闲</a>
                                                </em>
                                                <em>
                                                    <a href="">健身与保健</a>
                                                </em>
                                                <em>
                                                    <a href="">动漫/幽默</a>
                                                </em>
                                                <em>
                                                    <a href="">体育/运动</a>
                                                </em>
                                            </dd>
                                        </dl>
                                        <dl class="fore">
                                            <dt>科技</dt>
                                            <dd>
                                                <em>
                                                    <a href="">科普</a>
                                                </em>
                                                <em>
                                                    <a href="">IT</a>
                                                </em>
                                                <em>
                                                    <a href="">建筑</a>
                                                </em>
                                                <em>
                                                    <a href="">医学</a>
                                                </em>
                                                <em>
                                                    <a href="">工业技术</a>
                                                </em>
                                                <em>
                                                    <a href="">电子/通信</a>
                                                </em>
                                                <em>
                                                    <a href="">农林</a>
                                                </em>
                                                <em>
                                                    <a href="">科学与自然</a>
                                                </em>
                                            </dd>
                                        </dl>
                                        <dl class="fore">
                                            <dt>少儿</dt>
                                            <dd>
                                                <em>
                                                    <a href="">少儿</a>
                                                </em>
                                                <em>
                                                    <a href="">0-2岁</a>
                                                </em>
                                                <em>
                                                    <a href="">3-6岁</a>
                                                </em>
                                                <em>
                                                    <a href="">7-10岁</a>
                                                </em>
                                                <em>
                                                    <a href="">11-14岁</a>
                                                </em>
                                            </dd>
                                        </dl>
                                    </div>
                                </div>
                            </div>
                            <div class="item">
                                <h3>
                                    <a href="">服饰内衣</a>
                                </h3>
                                <div class="item-list clearfix">
                                    <div class="subitem">
                                        <dl class="fore">
                                            <dt>
                                                <a href="">电子书5</a>
                                            </dt>
                                            <dd>
                                                <em>
                                                    <a href="">免费</a>
                                                </em>
                                                <em>
                                                    <a href="">小说</a>
                                                </em>
                                                <em>
                                                    <a href="">励志与成功</a>
                                                </em>
                                                <em>
                                                    <a href="">婚恋/两性</a>
                                                </em>
                                                <em>
                                                    <a href="">文学</a>
                                                </em>
                                                <em>
                                                    <a href="">经管</a>
                                                </em>
                                                <em>
                                                    <a href="">畅读VIP</a>
                                                </em>
                                            </dd>
                                        </dl>
                                        <dl class="fore">
                                            <dt>
                                                <a href="">数字音乐</a>
                                            </dt>
                                            <dd>
                                                <em>
                                                    <a href="">通俗流行</a>
                                                </em>
                                                <em>
                                                    <a href="">古典音乐</a>
                                                </em>
                                                <em>
                                                    <a href="">摇滚说唱</a>
                                                </em>
                                                <em>
                                                    <a href="">爵士蓝调</a>
                                                </em>
                                                <em>
                                                    <a href="">乡村民谣</a>
                                                </em>
                                                <em>
                                                    <a href="">有声读物</a>
                                                </em>
                                            </dd>
                                        </dl>
                                        <dl class="fore">
                                            <dt>
                                                <a href="">音像</a>
                                            </dt>
                                            <dd>
                                                <em>
                                                    <a href="">音乐</a>
                                                </em>
                                                <em>
                                                    <a href="">影视</a>
                                                </em>
                                                <em>
                                                    <a href="">教育音像</a>
                                                </em>
                                                <em>
                                                    <a href="">游戏</a>
                                                </em>
                                            </dd>
                                        </dl>
                                        <dl class="fore">
                                            <dt>文艺</dt>
                                            <dd>
                                                <em>
                                                    <a href="">小说</a>
                                                </em>
                                                <em>
                                                    <a href="">文学</a>
                                                </em>
                                                <em>
                                                    <a href="">青春文学</a>
                                                </em>
                                                <em>
                                                    <a href="">传记</a>
                                                </em>
                                                <em>
                                                    <a href="">艺术</a>
                                                </em>
                                            </dd>
                                        </dl>
                                        <dl class="fore">
                                            <dt>人文社科</dt>
                                            <dd>
                                                <em>
                                                    <a href="">历史</a>
                                                </em>
                                                <em>
                                                    <a href="">心理学</a>
                                                </em>
                                                <em>
                                                    <a href="">政治/军事</a>
                                                </em>
                                                <em>
                                                    <a href="">国学/古籍</a>
                                                </em>
                                                <em>
                                                    <a href="">哲学/宗教</a>
                                                </em>
                                                <em>
                                                    <a href="">社会科学</a>
                                                </em>
                                            </dd>
                                        </dl>
                                        <dl class="fore">
                                            <dt>经管励志</dt>
                                            <dd>
                                                <em>
                                                    <a href="">经济</a>
                                                </em>
                                                <em>
                                                    <a href="">金融与投资</a>
                                                </em>
                                                <em>
                                                    <a href="">管理</a>
                                                </em>
                                                <em>
                                                    <a href="">励志与成功</a>
                                                </em>
                                            </dd>
                                        </dl>
                                        <dl class="fore">
                                            <dt>生活</dt>
                                            <dd>
                                                <em>
                                                    <a href="">家庭与育儿</a>
                                                </em>
                                                <em>
                                                    <a href="">旅游/地图</a>
                                                </em>
                                                <em>
                                                    <a href="">烹饪/美食</a>
                                                </em>
                                                <em>
                                                    <a href="">时尚/美妆</a>
                                                </em>
                                                <em>
                                                    <a href="">家居</a>
                                                </em>
                                                <em>
                                                    <a href="">婚恋与两性</a>
                                                </em>
                                                <em>
                                                    <a href="">娱乐/休闲</a>
                                                </em>
                                                <em>
                                                    <a href="">健身与保健</a>
                                                </em>
                                                <em>
                                                    <a href="">动漫/幽默</a>
                                                </em>
                                                <em>
                                                    <a href="">体育/运动</a>
                                                </em>
                                            </dd>
                                        </dl>
                                        <dl class="fore">
                                            <dt>科技</dt>
                                            <dd>
                                                <em>
                                                    <a href="">科普</a>
                                                </em>
                                                <em>
                                                    <a href="">IT</a>
                                                </em>
                                                <em>
                                                    <a href="">建筑</a>
                                                </em>
                                                <em>
                                                    <a href="">医学</a>
                                                </em>
                                                <em>
                                                    <a href="">工业技术</a>
                                                </em>
                                                <em>
                                                    <a href="">电子/通信</a>
                                                </em>
                                                <em>
                                                    <a href="">农林</a>
                                                </em>
                                                <em>
                                                    <a href="">科学与自然</a>
                                                </em>
                                            </dd>
                                        </dl>
                                    </div>
                                </div>
                            </div>
                            <div class="item">
                                <h3>
                                    <a href="">个护化妆</a>
                                </h3>
                                <div class="item-list clearfix">
                                    <div class="subitem">
                                        <dl class="fore">
                                            <dt>
                                                <a href="">电子书6</a>
                                            </dt>
                                            <dd>
                                                <em>
                                                    <a href="">免费</a>
                                                </em>
                                                <em>
                                                    <a href="">小说</a>
                                                </em>
                                                <em>
                                                    <a href="">励志与成功</a>
                                                </em>
                                                <em>
                                                    <a href="">婚恋/两性</a>
                                                </em>
                                                <em>
                                                    <a href="">文学</a>
                                                </em>
                                                <em>
                                                    <a href="">经管</a>
                                                </em>
                                                <em>
                                                    <a href="">畅读VIP</a>
                                                </em>
                                            </dd>
                                        </dl>
                                        <dl class="fore">
                                            <dt>
                                                <a href="">数字音乐</a>
                                            </dt>
                                            <dd>
                                                <em>
                                                    <a href="">通俗流行</a>
                                                </em>
                                                <em>
                                                    <a href="">古典音乐</a>
                                                </em>
                                                <em>
                                                    <a href="">摇滚说唱</a>
                                                </em>
                                                <em>
                                                    <a href="">爵士蓝调</a>
                                                </em>
                                                <em>
                                                    <a href="">乡村民谣</a>
                                                </em>
                                                <em>
                                                    <a href="">有声读物</a>
                                                </em>
                                            </dd>
                                        </dl>
                                        <dl class="fore">
                                            <dt>
                                                <a href="">音像</a>
                                            </dt>
                                            <dd>
                                                <em>
                                                    <a href="">音乐</a>
                                                </em>
                                                <em>
                                                    <a href="">影视</a>
                                                </em>
                                                <em>
                                                    <a href="">教育音像</a>
                                                </em>
                                                <em>
                                                    <a href="">游戏</a>
                                                </em>
                                            </dd>
                                        </dl>
                                        <dl class="fore">
                                            <dt>文艺</dt>
                                            <dd>
                                                <em>
                                                    <a href="">小说</a>
                                                </em>
                                                <em>
                                                    <a href="">文学</a>
                                                </em>
                                                <em>
                                                    <a href="">青春文学</a>
                                                </em>
                                                <em>
                                                    <a href="">传记</a>
                                                </em>
                                                <em>
                                                    <a href="">艺术</a>
                                                </em>
                                            </dd>
                                        </dl>
                                        <dl class="fore">
                                            <dt>人文社科</dt>
                                            <dd>
                                                <em>
                                                    <a href="">历史</a>
                                                </em>
                                                <em>
                                                    <a href="">心理学</a>
                                                </em>
                                                <em>
                                                    <a href="">政治/军事</a>
                                                </em>
                                                <em>
                                                    <a href="">国学/古籍</a>
                                                </em>
                                                <em>
                                                    <a href="">哲学/宗教</a>
                                                </em>
                                                <em>
                                                    <a href="">社会科学</a>
                                                </em>
                                            </dd>
                                        </dl>
                                        <dl class="fore">
                                            <dt>经管励志</dt>
                                            <dd>
                                                <em>
                                                    <a href="">经济</a>
                                                </em>
                                                <em>
                                                    <a href="">金融与投资</a>
                                                </em>
                                                <em>
                                                    <a href="">管理</a>
                                                </em>
                                                <em>
                                                    <a href="">励志与成功</a>
                                                </em>
                                            </dd>
                                        </dl>
                                        <dl class="fore">
                                            <dt>生活</dt>
                                            <dd>
                                                <em>
                                                    <a href="">家庭与育儿</a>
                                                </em>
                                                <em>
                                                    <a href="">旅游/地图</a>
                                                </em>
                                                <em>
                                                    <a href="">烹饪/美食</a>
                                                </em>
                                                <em>
                                                    <a href="">时尚/美妆</a>
                                                </em>
                                                <em>
                                                    <a href="">家居</a>
                                                </em>
                                                <em>
                                                    <a href="">婚恋与两性</a>
                                                </em>
                                                <em>
                                                    <a href="">娱乐/休闲</a>
                                                </em>
                                                <em>
                                                    <a href="">健身与保健</a>
                                                </em>
                                                <em>
                                                    <a href="">动漫/幽默</a>
                                                </em>
                                                <em>
                                                    <a href="">体育/运动</a>
                                                </em>
                                            </dd>
                                        </dl>
                                        <dl class="fore">
                                            <dt>科技</dt>
                                            <dd>
                                                <em>
                                                    <a href="">科普</a>
                                                </em>
                                                <em>
                                                    <a href="">IT</a>
                                                </em>
                                                <em>
                                                    <a href="">建筑</a>
                                                </em>
                                                <em>
                                                    <a href="">医学</a>
                                                </em>
                                                <em>
                                                    <a href="">工业技术</a>
                                                </em>
                                                <em>
                                                    <a href="">电子/通信</a>
                                                </em>
                                                <em>
                                                    <a href="">农林</a>
                                                </em>
                                                <em>
                                                    <a href="">科学与自然</a>
                                                </em>
                                            </dd>
                                        </dl>
                                        <dl class="fore">
                                            <dt>少儿</dt>
                                            <dd>
                                                <em>
                                                    <a href="">少儿</a>
                                                </em>
                                                <em>
                                                    <a href="">0-2岁</a>
                                                </em>
                                                <em>
                                                    <a href="">3-6岁</a>
                                                </em>
                                                <em>
                                                    <a href="">7-10岁</a>
                                                </em>
                                                <em>
                                                    <a href="">11-14岁</a>
                                                </em>
                                            </dd>
                                        </dl>
                                        <dl class="fore">
                                            <dt>教育</dt>
                                            <dd>
                                                <em>
                                                    <a href="">教材教辅</a>
                                                </em>
                                                <em>
                                                    <a href="">考试</a>
                                                </em>
                                                <em>
                                                    <a href="">外语学习</a>
                                                </em>
                                            </dd>
                                        </dl>
                                        <dl class="fore">
                                            <dt>其它</dt>
                                            <dd>
                                                <em>
                                                    <a href="">英文原版书</a>
                                                </em>
                                                <em>
                                                    <a href="">港台图书</a>
                                                </em>
                                                <em>
                                                    <a href="">工具书</a>
                                                </em>
                                                <em>
                                                    <a href="">套装书</a>
                                                </em>
                                                <em>
                                                    <a href="">杂志/期刊</a>
                                                </em>
                                            </dd>
                                        </dl>
                                    </div>
                                </div>
                            </div>
                            <div class="item">
                                <h3>
                                    <a href="">运动健康</a>
                                </h3>
                                <div class="item-list clearfix">
                                    <div class="subitem">
                                        <dl class="fore">
                                            <dt>
                                                <a href="">电子书7</a>
                                            </dt>
                                            <dd>
                                                <em>
                                                    <a href="">免费</a>
                                                </em>
                                                <em>
                                                    <a href="">小说</a>
                                                </em>
                                                <em>
                                                    <a href="">励志与成功</a>
                                                </em>
                                                <em>
                                                    <a href="">婚恋/两性</a>
                                                </em>
                                                <em>
                                                    <a href="">文学</a>
                                                </em>
                                                <em>
                                                    <a href="">经管</a>
                                                </em>
                                                <em>
                                                    <a href="">畅读VIP</a>
                                                </em>
                                            </dd>
                                        </dl>
                                        <dl class="fore">
                                            <dt>
                                                <a href="">数字音乐</a>
                                            </dt>
                                            <dd>
                                                <em>
                                                    <a href="">通俗流行</a>
                                                </em>
                                                <em>
                                                    <a href="">古典音乐</a>
                                                </em>
                                                <em>
                                                    <a href="">摇滚说唱</a>
                                                </em>
                                                <em>
                                                    <a href="">爵士蓝调</a>
                                                </em>
                                                <em>
                                                    <a href="">乡村民谣</a>
                                                </em>
                                                <em>
                                                    <a href="">有声读物</a>
                                                </em>
                                            </dd>
                                        </dl>
                                        <dl class="fore">
                                            <dt>
                                                <a href="">音像</a>
                                            </dt>
                                            <dd>
                                                <em>
                                                    <a href="">音乐</a>
                                                </em>
                                                <em>
                                                    <a href="">影视</a>
                                                </em>
                                                <em>
                                                    <a href="">教育音像</a>
                                                </em>
                                                <em>
                                                    <a href="">游戏</a>
                                                </em>
                                            </dd>
                                        </dl>
                                        <dl class="fore">
                                            <dt>文艺</dt>
                                            <dd>
                                                <em>
                                                    <a href="">小说</a>
                                                </em>
                                                <em>
                                                    <a href="">文学</a>
                                                </em>
                                                <em>
                                                    <a href="">青春文学</a>
                                                </em>
                                                <em>
                                                    <a href="">传记</a>
                                                </em>
                                                <em>
                                                    <a href="">艺术</a>
                                                </em>
                                            </dd>
                                        </dl>
                                    </div>
                                    <div class="cat-right">
                                        <dl class="categorys-brands" clstag="homepage|keycount|home2013|0601d">
                                            <dt>推荐品牌出版商</dt>
                                            <dd>
                                                <ul>
                                                    <li>
                                                        <a href="">中华书局</a>
                                                    </li>
                                                    <li>
                                                        <a href="">人民邮电出版社</a>
                                                    </li>
                                                </ul>
                                            </dd>
                                        </dl>
                                    </div>
                                </div>
                            </div>
                            <div class="item">
                                <h3>
                                    <a href="">汽车用品</a>
                                </h3>
                                <div class="item-list clearfix">
                                    <div class="subitem">
                                        <dl class="fore">
                                            <dt>
                                                <a href="">电子书8</a>
                                            </dt>
                                            <dd>
                                                <em>
                                                    <a href="">免费</a>
                                                </em>
                                                <em>
                                                    <a href="">小说</a>
                                                </em>
                                                <em>
                                                    <a href="">励志与成功</a>
                                                </em>
                                                <em>
                                                    <a href="">婚恋/两性</a>
                                                </em>
                                                <em>
                                                    <a href="">文学</a>
                                                </em>
                                                <em>
                                                    <a href="">经管</a>
                                                </em>
                                                <em>
                                                    <a href="">畅读VIP</a>
                                                </em>
                                            </dd>
                                        </dl>
                                        <dl class="fore">
                                            <dt>
                                                <a href="">数字音乐</a>
                                            </dt>
                                            <dd>
                                                <em>
                                                    <a href="">通俗流行</a>
                                                </em>
                                                <em>
                                                    <a href="">古典音乐</a>
                                                </em>
                                                <em>
                                                    <a href="">摇滚说唱</a>
                                                </em>
                                                <em>
                                                    <a href="">爵士蓝调</a>
                                                </em>
                                                <em>
                                                    <a href="">乡村民谣</a>
                                                </em>
                                                <em>
                                                    <a href="">有声读物</a>
                                                </em>
                                            </dd>
                                        </dl>
                                        <dl class="fore">
                                            <dt>
                                                <a href="">音像</a>
                                            </dt>
                                            <dd>
                                                <em>
                                                    <a href="">音乐</a>
                                                </em>
                                                <em>
                                                    <a href="">影视</a>
                                                </em>
                                                <em>
                                                    <a href="">教育音像</a>
                                                </em>
                                                <em>
                                                    <a href="">游戏</a>
                                                </em>
                                            </dd>
                                        </dl>
                                        <dl class="fore">
                                            <dt>文艺</dt>
                                            <dd>
                                                <em>
                                                    <a href="">小说</a>
                                                </em>
                                                <em>
                                                    <a href="">文学</a>
                                                </em>
                                                <em>
                                                    <a href="">青春文学</a>
                                                </em>
                                                <em>
                                                    <a href="">传记</a>
                                                </em>
                                                <em>
                                                    <a href="">艺术</a>
                                                </em>
                                            </dd>
                                        </dl>
                                        <dl class="fore">
                                            <dt>人文社科</dt>
                                            <dd>
                                                <em>
                                                    <a href="">历史</a>
                                                </em>
                                                <em>
                                                    <a href="">心理学</a>
                                                </em>
                                                <em>
                                                    <a href="">政治/军事</a>
                                                </em>
                                                <em>
                                                    <a href="">国学/古籍</a>
                                                </em>
                                                <em>
                                                    <a href="">哲学/宗教</a>
                                                </em>
                                                <em>
                                                    <a href="">社会科学</a>
                                                </em>
                                            </dd>
                                        </dl>
                                        <dl class="fore">
                                            <dt>经管励志</dt>
                                            <dd>
                                                <em>
                                                    <a href="">经济</a>
                                                </em>
                                                <em>
                                                    <a href="">金融与投资</a>
                                                </em>
                                                <em>
                                                    <a href="">管理</a>
                                                </em>
                                                <em>
                                                    <a href="">励志与成功</a>
                                                </em>
                                            </dd>
                                        </dl>
                                        <dl class="fore">
                                            <dt>生活</dt>
                                            <dd>
                                                <em>
                                                    <a href="">家庭与育儿</a>
                                                </em>
                                                <em>
                                                    <a href="">旅游/地图</a>
                                                </em>
                                                <em>
                                                    <a href="">烹饪/美食</a>
                                                </em>
                                                <em>
                                                    <a href="">时尚/美妆</a>
                                                </em>
                                                <em>
                                                    <a href="">家居</a>
                                                </em>
                                                <em>
                                                    <a href="">婚恋与两性</a>
                                                </em>
                                                <em>
                                                    <a href="">娱乐/休闲</a>
                                                </em>
                                                <em>
                                                    <a href="">健身与保健</a>
                                                </em>
                                                <em>
                                                    <a href="">动漫/幽默</a>
                                                </em>
                                                <em>
                                                    <a href="">体育/运动</a>
                                                </em>
                                            </dd>
                                        </dl>
                                        <dl class="fore">
                                            <dt>科技</dt>
                                            <dd>
                                                <em>
                                                    <a href="">科普</a>
                                                </em>
                                                <em>
                                                    <a href="">IT</a>
                                                </em>
                                                <em>
                                                    <a href="">建筑</a>
                                                </em>
                                                <em>
                                                    <a href="">医学</a>
                                                </em>
                                                <em>
                                                    <a href="">工业技术</a>
                                                </em>
                                                <em>
                                                    <a href="">电子/通信</a>
                                                </em>
                                                <em>
                                                    <a href="">农林</a>
                                                </em>
                                                <em>
                                                    <a href="">科学与自然</a>
                                                </em>
                                            </dd>
                                        </dl>
                                    </div>
                                </div>
                            </div>
                            <div class="item">
                                <h3>
                                    <a href="">彩票、旅行</a>
                                </h3>
                            </div>
                            <div class="item">
                                <h3>
                                    <a href="">理财、众筹</a>
                                </h3>
                            </div>
                            <div class="item">
                                <h3>
                                    <a href="">母婴、玩具</a>
                                </h3>
                            </div>
                            <div class="item">
                                <h3>
                                    <a href="">箱包</a>
                                </h3>
                            </div>
                            <div class="item">
                                <h3>
                                    <a href="">运动户外</a>
                                </h3>
                            </div>
                            <div class="item">
                                <h3>
                                    <a href="">箱包</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="yui3-u Center navArea index-nav">
                    <ul class="nav">
						<li class="f-item">
						    <a href="seckill-index.html" target="_blank">秒杀</a>
						</li>
                        <li class="f-item">优惠券</li>
                        <li class="f-item">PLUS会员</li>
                        <li class="f-item">品牌闪购</li>
                        <li class="f-item">拍卖</li>
                        <li class="f-item">Shop家电</li>
                        <li class="f-item">Shop生鲜</li>
                    </ul>
                </div>

            </div>
        </div>
    </div>

    <!--列表-->
    <div class="py-container banner-block">
        <div class="yui3-g SortList">
            <div class="yui3-u Center banerArea">
                <!--banner轮播-->
                <div id="myCarousel" data-ride="carousel" data-interval="4000" class="sui-carousel slide">
                    <ol class="carousel-indicators">
                        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                        <li data-target="#myCarousel" data-slide-to="1"></li>
                        <li data-target="#myCarousel" data-slide-to="2"></li>
                    </ol>
                    <div class="carousel-inner">
                        <div class="active item">
                            <a href="http://baidu2.wypxj.com/">
                                <img src="./img/banner1.jpg" />
                            </a>
                        </div>
                        <div class="item">
                            <a href="http://baidu2.wypxj.com/">
                                <img src="./img/banner2.jpg" />
                            </a>
                        </div>
                        <div class="item">
                            <a href="http://baidu2.wypxj.com/">
                                <img src="./img/banner3.jpg" />
                            </a>

                        </div>
                    </div>
                    <a href="#myCarousel" data-slide="prev" class="carousel-control left">‹</a>
                    <a href="#myCarousel" data-slide="next" class="carousel-control right">›</a>
                </div>
            </div>
            <div class="yui3-u Right">
                <div class="news">
                    <h4>
                        <em class="fl">shop快报</em>
                        <span class="fr tip">更多 ></span>
                    </h4>
                    <div class="clearix"></div>
                    <ul class="news-list unstyled">
                        <li>
                            <span class="bold">[特惠]</span>备战开学季 全民半价购数码
                        </li>
                        <li>
                            <span class="bold">[公告]</span>备战开学季 全民半价购数码
                        </li>
                        <li>
                            <span class="bold">[特惠]</span>备战开学季 全民半价购数码
                        </li>
                        <li>
                            <span class="bold">[公告]</span>备战开学季 全民半价购数码
                        </li>
                        <li>
                            <span class="bold">[特惠]</span>备战开学季 全民半价购数码
                        </li>
                    </ul>
                </div>
                <ul class="yui3-g Lifeservice">
                    <li class="yui3-u-1-4 life-item tab-item">
                        <i class="list-item iconfont icon-huafeiquan_"></i>
                        <span class="service-intro">话费</span>
                    </li>
                    <li class="yui3-u-1-4 life-item tab-item">
                        <i class="list-item iconfont icon-jipiao"></i>
                        <span class="service-intro">机票</span>
                    </li>
                    <li class="yui3-u-1-4 life-item tab-item">
                        <i class="list-item iconfont icon-dianyingpiao2"></i>
                        <span class="service-intro">电影票</span>
                    </li>
                    <li class="yui3-u-1-4 life-item tab-item">
                        <i class="list-item iconfont icon-youxi"></i>
                        <span class="service-intro">游戏</span>
                    </li>
                    <li class="yui3-u-1-4 life-item notab-item">
                        <i class="list-item iconfont icon-caipiao1"></i>
                        <span class="service-intro">彩票</span>
                    </li>
                    <li class="yui3-u-1-4 life-item notab-item">
                        <i class="list-item iconfont icon-jiayouzhan-2"></i>
                        <span class="service-intro">加油站</span>
                    </li>
                    <li class="yui3-u-1-4 life-item notab-item">
                        <i class="list-item iconfont icon-jiudianxinxiguanli"></i>
                        <span class="service-intro">酒店</span>
                    </li>
                    <li class="yui3-u-1-4 life-item notab-item">
                        <i class="list-item iconfont icon-huochepiao"></i>
                        <span class="service-intro">火车票</span>
                    </li>
                    <li class="yui3-u-1-4 life-item  notab-item">
                        <i class="list-item iconfont icon-woyaozhongchou"></i>
                        <span class="service-intro">众筹</span>
                    </li>
                    <li class="yui3-u-1-4 life-item notab-item">
                        <i class="list-item iconfont icon-licaibao"></i>
                        <span class="service-intro">理财</span>
                    </li>
                    <li class="yui3-u-1-4 life-item notab-item">
                        <i class="list-item iconfont icon-kaquan-fill"></i>
                        <span class="service-intro">礼品卡</span>
                    </li>
                    <li class="yui3-u-1-4 life-item notab-item">
                        <i class="list-item iconfont icon-wenjian1"></i>
                        <span class="service-intro">白条</span>
                    </li>
                </ul>
                <div class="life-item-content">
                    <div class="life-detail">
                        <i class="close">关闭</i>
                        <p>话费充值</p>
                        <form action="" class="sui-form form-horizontal">
                            号码：
                            <input type="text" id="inputphoneNumber" placeholder="输入你的号码" />
                        </form>
                        <button class="sui-btn btn-danger">快速充值</button>
                    </div>
                    <div class="life-detail">
                        <i class="close">关闭</i> 机票
                    </div>
                    <div class="life-detail">
                        <i class="close">关闭</i> 电影票
                    </div>
                    <div class="life-detail">
                        <i class="close">关闭</i> 游戏
                    </div>
                </div>
                <div class="ads">
                    <img src="./img/ad1.png" />
                </div>
            </div>
        </div>
    </div>
    <div>
        <div class="seckill">
            <div class="py-container">
                <a class="seckill-countdown" href="//miaosha.jd.com" target="_blank" clstag="h|keycount|core|seckill_a">
                    <div class="countdown-title">shop秒杀</div>
                    <div>
                        <div class="countdown-desc"><strong>10:00</strong>点场 倒计时</div>
                        <span class="timmer countdown-main">
                            <span class="timmer__unit timmer__unit--hour">00</span>
                        <span class="timmer__unit timmer__unit--minute">48</span>
                        <span class="timmer__unit timmer__unit--second">00</span>
                        </span>
                    </div>
                </a>
                <div class="seckill-list">
                    <div class="slider">
     
                        <button class="slider_control slider_control_prev left_click" aria-hidden="true" tabindex="-1">
                            <i class="iconfont" clstag="core|seckill_sl"></i>
                        </button>
                        <div class="slider_list" style="overflow: hidden;">
                            <div class="slider_wrapper ul_list" id="seckillWrapper">

                                <a target="_blank" class="slider_item seckill-item slider_prev" data-index="0" style="float: left; width: 200px;">
                                    <div class="lazyimg lazyimg_loaded seckill-item__image"><img src="./img/d1.png" class="lazyimg_img"></div>
                                    <h6 class="seckill-item__name">【多款可选】上衣秋装2020年新款女装毛衣宽松外穿针织衫套头时尚两件套潮流韩版百搭潮 图片色 M</h6>
                                    <div class="seckill-item__price">
                                        <span class="price-miaosha"><i>¥</i><span>48.00</span></span>
                                        <span class="price-origin"><i>¥</i><span>138.00</span></span>
                                    </div>
                                </a>
                                <a target="_blank" class="slider_item seckill-item slider_prev" data-index="1" style="float: left; width: 200px;">
                                    <div class="lazyimg lazyimg_loaded seckill-item__image">
                                        <img src="./img/d2.jpg" class="lazyimg_img">
                                    </div>
                                    <h6 class="seckill-item__name">南极人吸黑头仪器 去黑头仪神器粉刺黑头吸出器 洁面仪美容仪李佳琪琦黑头仪电动吸黑头清洁仪男 南极人特卖女神同款黑头仪 - 微晶吸头小米白</h6>
                                    <div class="seckill-item__price">
                                        <span class="price-miaosha"><i>¥</i><span>39.90</span></span>
                                        <span class="price-origin"><i>¥</i><span>119.00</span></span>
                                    </div>
                                </a>
                                <a target="_blank" class="slider_item seckill-item slider_prev" style="float: left; width: 200px;">
                                    <div class="lazyimg lazyimg_loaded seckill-item__image"><img src="./img/d3.jpg" class="lazyimg_img"></div>
                                    <h6 class="seckill-item__name">2020男装开衫男士针织衫外套修身线衣夹克风衣线衫立领潮 KS200酒红 XL码（建议125-140斤）
                                    </h6>
                                    <div class="seckill-item__price">
                                        <span class="price-miaosha"><i>¥</i><span>78.00</span></span><span class="price-origin"><i>¥</i><span>168.00</span>
                                        </span>
                                    </div>
                                </a>
                                <a target="_blank" class="slider_item seckill-item slider_prev" data-index="3" style="float: left; width: 200px;">
                                    <div class="lazyimg lazyimg_loaded seckill-item__image">
                                        <img src="./img/d4.jpg" class="lazyimg_img"></div>
                                    <h6 class="seckill-item__name">珑骧 LONGCHAMP 2020春夏 女士红色LE PLIAGE系列织物小号长柄可折叠手提单肩包购物袋饺子包 L2605 089 545</h6>
                                    <div class="seckill-item__price"><span class="price-miaosha"><i>¥</i><span>620.00</span></span>
                                        <span class="price-origin"><i>¥</i><span>900.00</span></span>
                                    </div>
                                </a>
                                <a target="_blank" class="slider_item seckill-item slider_active" data-index="4" style="width: 200px; float: left;">
                                    <div class="lazyimg lazyimg_loaded seckill-item__image">
                                        <img src="./img/d5.jpg" class="lazyimg_img"></div>
                                    <h6 class="seckill-item__name">韩国现代（HYUNDAI）6.2公斤 波轮洗衣机全自动小型迷你24小时预约 10大程序 家用租房宿舍 6.2公斤【一键脱水+智能风干+强动力电机】
                                    </h6>
                                    <div class="seckill-item__price"><span class="price-miaosha"><i>¥</i><span>458.00</span></span><span class="price-origin"><i>¥</i><span>999.00</span>
                                        </span>
                                    </div>
                                </a>
                                <a target="_blank" class="slider_item seckill-item slider_active" data-index="5" style="width: 200px; float: left;">
                                    <div class="lazyimg lazyimg_loaded seckill-item__image"><img src="./img/d6.jpg" class="lazyimg_img"></div>
                                    <h6 class="seckill-item__name">联想(Lenovo)扬天M4000q英特尔酷睿i3 商用办公台式电脑整机(i3-10100 8G 1T 键鼠 串口 office 4年上门)21.5英寸</h6>
                                    <div class="seckill-item__price"><span class="price-miaosha"><i>¥</i><span>2759.00</span></span><span class="price-origin"><i>¥</i><span>2899.00</span>
                                        </span>
                                    </div>
                                </a>
                                <a target="_blank" class="slider_item seckill-item slider_active" data-index="6" style="width: 200px; float: left;">
                                    <div class="lazyimg lazyimg_loaded seckill-item__image"><img src="./img/d7.jpg" class="lazyimg_img"></div>
                                    <h6 class="seckill-item__name">缔晶 S925纯银一辈子白贝母项链女学生时尚饰品一贝子贝壳网红锁骨链水晶吊坠女士潮流颈链闺蜜首饰礼盒 一贝子项链D636(玫瑰礼盒)
                                    </h6>
                                    <div class="seckill-item__price"><span class="price-miaosha"><i>¥</i><span>118.00</span></span><span class="price-origin"><i>¥</i><span>138.00</span></span>
                                    </div>
                                </a>
                                <a target="_blank" class="slider_item seckill-item slider_active" data-index="7" style="width: 200px; float: left;">
                                    <div class="lazyimg lazyimg_loaded seckill-item__image"><img src="./img/d8.jpg" class="lazyimg_img"></div>
                                    <h6 class="seckill-item__name">【法国名品 直降2800】【100%正品/已质检】法国梦特娇 原装直邮 甄选牛皮舒适百搭时尚女鞋 丨黑色单里丨专柜正品 37</h6>
                                    <div class="seckill-item__price"><span class="price-miaosha"><i>¥</i><span>198.00</span></span><span class="price-origin"><i>¥</i><span>669.99</span></span>
                                    </div>
                                </a>
                            </div>
                        </div><button class="slider_control slider_control_next right_click" aria-hidden="true" tabindex="-1"><i class="iconfont" clstag="core|seckill_sr"></i></button>
                    </div>
                </div>
                <div class="seckill-brand">
                    <div class="slider seckill-brand__slider">
                        <div class="slider_list" style="overflow: hidden;">
                            <div class="slider_wrapper" style="opacity: 1; width: 720px; transform: translate3d(-180px, 0px, 0px); transition: none 0s ease 0s; display: block;">
                                <a class="slider_item brand-item" data-index="-1" style="float: left; width: 180px;">
                                    <div class="item-image">
                                        <div class="lazyimg lazyimg_loaded"><img src="./img/ic1.jpg" class="lazyimg_img"></div>
                                    </div>
                                    <div class="item-info">
                                        <p class="item-info-title">厨卫国庆狂欢趴</p>
                                        <p class="item-info-promo">部分每满300减30</p>
                                        <div class="item-info-action">品类秒杀<i class="iconfont"></i></div>
                                    </div>
                                </a>
                                <a class="slider_item brand-item slider_active" data-index="0" style="float: left; width: 180px;">
                                    <div class="item-image">
                                        <div class="lazyimg lazyimg_loaded"><img src="./img/ic2.jpg" class="lazyimg_img"></div>
                                    </div>
                                    <div class="item-info">
                                        <p class="item-info-title">华硕品牌秒杀</p>
                                        <p class="item-info-promo">爆款直降1000元！</p>
                                        <div class="item-info-action">大牌闪购<i class="iconfont"></i></div>
                                    </div>
                                </a>

                            </div>
                        </div>
                        <div class="slider_indicators" style="margin-left: -6px;">
                            <i clstag="h|keycount|core|seckill_cs01" class="slider_indicators_btn slider_indicators_btn_active"></i>
                            <i clstag="h|keycount|core|seckill_cs02" class="slider_indicators_btn slider_indicators_btn_last"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--喜欢-->
    <div class="like">
        <div class="py-container">
            <div class="title">
                <h3 class="fl">热门推荐</h3>
                <b class="border"></b>
                <a href="javascript:;" class="fr tip changeBnt" id="xxlChg">
                    <i></i>换一换</a>
            </div>
            <div class="bd">

                <dl class="picDl huozhe">
                    <dd>
                        <a href="" class="pic">
                            <img src="./img/like_01.png" alt="" />
                        </a>
                        <div class="like-text">
                            <p>阳光美包新款单肩包女包</p>
                            <h3>¥116.00</h3>
                        </div>
                    </dd>
                    <dd>
                        <a href="" class="pic">
                            <img src="./img/like_02.png" alt="" />
                        </a>
                        <div class="like-text">
                            <p>爱仕达 30CM炒锅不粘锅</p>
                            <h3>¥116.00</h3>
                        </div>
                    </dd>
                    <dd>
                        <a href="" class="pic">
                            <img src="./img/like_03.png" alt="" />
                        </a>
                        <div class="like-text">
                            <p>捷波朗 </p>
                            <h3>¥236.00</h3>
                        </div>
                    </dd>
                    <dd>
                        <a href="" class="pic">
                            <img src="./img/like_04.png" alt="" />
                        </a>
                        <div class="like-text">
                            <p>爱仕达 电磁炉炒</p>
                            <h3>¥116.00</h3>
                        </div>
                    </dd>
                    <dd>
                        <a href="#" class="pic">
                            <img src="./img/like_05.png" alt="" />
                        </a>
                        <div class="like-text">
                            <p>JYLZ08面板灯平板灯铝</p>
                            <h3>¥456.00</h3>
                        </div>
                    </dd>
                    <dd>
                        <a href="#" class="pic">
                            <img src="./img/like_06.png" alt="" />
                        </a>
                        <div class="like-text">
                            <p>所望紧致湿润精华露400ml</p>
                            <h3>¥896.00</h3>
                        </div>
                    </dd>
                </dl>
            </div>
        </div>
    </div>
    <!--热门推荐-->
    <div class="fun" id="app">
        <div class="py-container">
            <div class="title">
                <h3 class="fl">热门推荐</h3>
            </div>
            <div class="clearfix yui3-g Interest ptnboxproduct">
                <div class="boxproduct" v-for="(item,index) in skus" :key="index">
					<div class="pd-boximg">
						<img :src="item.image" />
					</div>
					<div class="pd-box-title">
						{{item.name}}
					</div>
					<div class="pd-box-price">
						{{item.price}}
					</div>
				</div>
            </div>
        </div>
    </div>

    <!--楼层-->
    <div id="floor-1" class="floor">
        <div class="py-container">
            <div class="title floors">
                <h3 class="fl">频道广场</h3>
                <div class="fr">
                    <ul class="sui-nav nav-tabs">
                        <li class="active">
                            <a href="#tab1" data-toggle="tab">热门</a>
                        </li>
                        <li>
                            <a href="#tab2" data-toggle="tab">大家电</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="clearfix  tab-content floor-content">
                <div id="tab1" class="tab-pane active">
                    <div class="clearfix yui3-g Interest ptnboxproduct">
                        <div class="boxproduct">
                    		<div class="pd-boximg">
                    			<img src="img/index/1.png" />
                    		</div>
                    		<div class="pd-box-title">
                    			华为Mate40 Pro 震撼发布，全新AI识别，预见未来！华为Mate40 Pro 震撼发布，全新AI识别，预见未来！华为Mate40 Pro 震撼发布，全新AI识别，预见未来！
                    		</div>
                    		<div class="pd-box-price">
                    			9000.00
                    		</div>
                    	</div>
                    	<div class="boxproduct">
                    		<div class="pd-boximg">
                    			<img src="img/index/4.png" />
                    		</div>
                    		<div class="pd-box-title">
                    			华为Mate40 Pro 震撼发布，全新AI识别，预见未来！华为Mate40 Pro 震撼发布，全新AI识别，预见未来！华为Mate40 Pro 震撼发布，全新AI识别，预见未来！
                    		</div>
                    		<div class="pd-box-price">
                    			9000.00
                    		</div>
                    	</div>
                    	<div class="boxproduct">
                    		<div class="pd-boximg">
                    			<img src="img/index/2.png" />
                    		</div>
                    		<div class="pd-box-title">
                    			华为Mate40 Pro 震撼发布，全新AI识别，预见未来！华为Mate40 Pro 震撼发布，全新AI识别，预见未来！华为Mate40 Pro 震撼发布，全新AI识别，预见未来！
                    		</div>
                    		<div class="pd-box-price">
                    			9000.00
                    		</div>
                    	</div>
                    	<div class="boxproduct">
                    		<div class="pd-boximg">
                    			<img src="img/index/3.png" />
                    		</div>
                    		<div class="pd-box-title">
                    			华为Mate40 Pro 震撼发布，全新AI识别，预见未来！华为Mate40 Pro 震撼发布，全新AI识别，预见未来！华为Mate40 Pro 震撼发布，全新AI识别，预见未来！
                    		</div>
                    		<div class="pd-box-price">
                    			9000.00
                    		</div>
                    	</div>
                    </div>
                </div>
                <div id="tab2" class="tab-pane">
                    <div class="clearfix yui3-g Interest ptnboxproduct">
                        <div class="boxproduct">
                    		<div class="pd-boximg">
                    			<img src="img/index/1.png" />
                    		</div>
                    		<div class="pd-box-title">
                    			华为Mate40 Pro 震撼发布，全新AI识别，预见未来！华为Mate40 Pro 震撼发布，全新AI识别，预见未来！华为Mate40 Pro 震撼发布，全新AI识别，预见未来！
                    		</div>
                    		<div class="pd-box-price">
                    			9000.00
                    		</div>
                    	</div>
                    	<div class="boxproduct">
                    		<div class="pd-boximg">
                    			<img src="img/index/1.png" />
                    		</div>
                    		<div class="pd-box-title">
                    			华为Mate40 Pro 震撼发布，全新AI识别，预见未来！华为Mate40 Pro 震撼发布，全新AI识别，预见未来！华为Mate40 Pro 震撼发布，全新AI识别，预见未来！
                    		</div>
                    		<div class="pd-box-price">
                    			9000.00
                    		</div>
                    	</div>
                    	<div class="boxproduct">
                    		<div class="pd-boximg">
                    			<img src="img/index/3.png" />
                    		</div>
                    		<div class="pd-box-title">
                    			华为Mate40 Pro 震撼发布，全新AI识别，预见未来！华为Mate40 Pro 震撼发布，全新AI识别，预见未来！华为Mate40 Pro 震撼发布，全新AI识别，预见未来！
                    		</div>
                    		<div class="pd-box-price">
                    			9000.00
                    		</div>
                    	</div>
                    	<div class="boxproduct">
                    		<div class="pd-boximg">
                    			<img src="img/index/4.png" />
                    		</div>
                    		<div class="pd-box-title">
                    			华为Mate40 Pro 震撼发布，全新AI识别，预见未来！华为Mate40 Pro 震撼发布，全新AI识别，预见未来！华为Mate40 Pro 震撼发布，全新AI识别，预见未来！
                    		</div>
                    		<div class="pd-box-price">
                    			9000.00
                    		</div>
                    	</div>
                    </div>
                </div>
			</div>
        </div>
    </div>
    <div id="floor-2" class="floor">
        <div class="py-container">
            <div class="title floors">
                <h3 class="fl">为您推荐</h3>
                <div class="fr">
                    <ul class="sui-nav nav-tabs">
                        <li class="active">
                            <a href="#tab8" data-toggle="tab">热门</a>
                        </li>
                        <li>
                            <a href="#tab9" data-toggle="tab">品质优选</a>
                        </li>
                        <li>
                            <a href="#tab10" data-toggle="tab">新机尝鲜</a>
                        </li>
                        <li>
                            <a href="#tab11" data-toggle="tab">高性价比</a>
                        </li>
                        <li>
                            <a href="#tab12" data-toggle="tab">合约机</a>
                        </li>
                        <li>
                            <a href="#tab13" data-toggle="tab">手机卡</a>
                        </li>
                        <li>
                            <a href="#tab14" data-toggle="tab">手机配件</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="clearfix  tab-content floor-content">
                <div id="tab8" class="tab-pane active">
                    <div class="yui3-g Floor-1">
                        <div class="yui3-u Left blockgary">
                            <ul class="jd-list">
                                <li>节能补贴</li>
                                <li>4K电视</li>
                                <li>空气净化器</li>
                                <li>IH电饭煲</li>
                                <li>滚筒洗衣机</li>
                                <li>电热水器</li>
                            </ul>
                            <img src="./img/floor-1-1.png" />
                        </div>
                        <div class="yui3-u row-330 floorBanner">
                            <div id="floorCarousell" data-ride="carousel" data-interval="4000" class="sui-carousel slide">
                                <ol class="carousel-indicators">
                                    <li data-target="#floorCarousell" data-slide-to="0" class="active"></li>
                                    <li data-target="#floorCarousell" data-slide-to="1"></li>
                                    <li data-target="#floorCarousell" data-slide-to="2"></li>
                                </ol>
                                <div class="carousel-inner">
                                    <div class="active item">
                                        <img src="./img/br4.png">
                                    </div>
                                    <div class="item">
                                        <img src="./img/br5.png">
                                    </div>
                                    <div class="item">
                                        <img src="./img/br6.png">
                                    </div>
                                </div>
                                <a href="#floorCarousell" data-slide="prev" class="carousel-control left">‹</a>
                                <a href="#floorCarousell" data-slide="next" class="carousel-control right">›</a>
                            </div>
                        </div>
                        <div class="floor-channel-block">
                            <div class="floor-channel-content">
                                <div class="floor-channel-wapper">
                                    <div class="floor-channel-item">
                                        <a class="floor-channel-title" href="#">
                                            <span class="floor-channel-item-h3">shop时尚</span><span class="floor-channel-item-p">服饰美妆好物</span></a>
                                        <div class="floor-channel-img">
                                            <a class="floor-channel-img-item" href="#">
                                                <img src="./img/can9.jpg">
                                            </a>
                                            <a class="floor-channel-img-item" href="#">
                                                <img src="./img/can16.jpg">
                                            </a>
                                        </div>
                                    </div>
                                    <div class="floor-channel-item">
                                        <a class="floor-channel-title" href="#">
                                            <span class="floor-channel-item-h3">shop国际</span><span class="floor-channel-item-p">一站尽享进口好物</span></a>
                                        <div class="floor-channel-img">
                                            <a class="floor-channel-img-item" href="#">
                                                <img src="./img/can7.jpg">
                                            </a>
                                            <a class="floor-channel-img-item" href="#">
                                                <img src="./img/can8.jpg">
                                            </a>
                                        </div>
                                    </div>
                                    <div class="floor-channel-item">
                                        <a class="floor-channel-title" href="#">
                                            <span class="floor-channel-item-h3">中外名酒</span><span class="floor-channel-item-p">享全球美酒品美好生活</span></a>
                                        <div class="floor-channel-img">
                                            <a class="floor-channel-img-item" href="#">
                                                <img src="./img/can15.jpg">
                                            </a>
                                            <a class="floor-channel-img-item" href="#">
                                                <img src="./img/can18.jpg">
                                            </a>
                                        </div>
                                    </div>
                                    <div class="floor-channel-item">
                                        <a class="floor-channel-title" href="#">
                                            <span class="floor-channel-item-h3">企业购</span><span class="floor-channel-item-p">一站式企业采购平台</span></a>
                                        <div class="floor-channel-img">
                                            <a class="floor-channel-img-item" href="#">
                                                <img src="./img/can1.jpg">
                                            </a>
                                            <a class="floor-channel-img-item" href="#">
                                                <img src="./img/can2.jpg">
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div id="tab2" class="tab-pane">
                    <p>第二个</p>
                </div>
            </div>
        </div>
    </div>
    
    <!-- 底部栏位 -->
    <!--页面底部-->
    <div class="clearfix footer">
        <div class="py-container">
            <div class="footlink">
                <div class="Mod-service">
                    <ul class="Mod-Service-list">
                        <li class="grid-service-item intro  intro1">

                            <i class="serivce-item fl"></i>
                            <div class="service-text">
                                <h4>正品保障</h4>
                                <p>正品保障，提供发票</p>
                            </div>

                        </li>
                        <li class="grid-service-item  intro intro2">

                            <i class="serivce-item fl"></i>
                            <div class="service-text">
                                <h4>正品保障</h4>
                                <p>正品保障，提供发票</p>
                            </div>

                        </li>
                        <li class="grid-service-item intro  intro3">

                            <i class="serivce-item fl"></i>
                            <div class="service-text">
                                <h4>正品保障</h4>
                                <p>正品保障，提供发票</p>
                            </div>

                        </li>
                        <li class="grid-service-item  intro intro4">

                            <i class="serivce-item fl"></i>
                            <div class="service-text">
                                <h4>正品保障</h4>
                                <p>正品保障，提供发票</p>
                            </div>

                        </li>
                        <li class="grid-service-item intro intro5">

                            <i class="serivce-item fl"></i>
                            <div class="service-text">
                                <h4>正品保障</h4>
                                <p>正品保障，提供发票</p>
                            </div>

                        </li>
                    </ul>
                </div>
                <div class="clearfix Mod-list">
                    <div class="yui3-g">
                        <div class="yui3-u-1-6">
                            <h4>购物指南</h4>
                            <ul class="unstyled">
                                <li>购物流程</li>
                                <li>会员介绍</li>
                            </ul>

                        </div>
                        <div class="yui3-u-1-6">
                            <h4>配送方式</h4>
                            <ul class="unstyled">
                                <li>上门自提</li>
                                <li>211限时达</li>
                            </ul>
                        </div>
                        <div class="yui3-u-1-6">
                            <h4>支付方式</h4>
                            <ul class="unstyled">
                                <li>货到付款</li>
                                <li>在线支付</li>
                            </ul>
                        </div>
                        <div class="yui3-u-1-6">
                            <h4>售后服务</h4>
                            <ul class="unstyled">
                                <li>售后政策</li>
								<li>售后电话</li>
                            </ul>
                        </div>
                        <div class="yui3-u-1-6">
                            <h4>特色服务</h4>
                            <ul class="unstyled">
                                <li>夺宝岛</li>
                                <li>DIY装机</li>
                            </ul>
                        </div>
                        <div class="yui3-u-1-6">
                            <h4>帮助中心</h4>
							<ul class="unstyled">
							    <li>400电话</li>
							    <li>在线客服</li>
							</ul>
                        </div>
                    </div>
                </div>
                <div class="Mod-copyright">
                    <ul class="helpLink">
                        <li>关于我们
                            <span class="space"></span>
                        </li>
                        <li>营销中心
                            <span class="space"></span>
                        </li>
                        <li>友情链接
                            <span class="space"></span>
                        </li>
                        <li>关于我们</li>
                    </ul>
                    <p>Copyright©2017-2021 All Rights Reserved.</p>
                </div>
            </div>
        </div>
    </div>
    <!--页面底部END-->
</body>
</html>
<script type="text/javascript" src="./js/jquery.min.js"></script>
<script type="text/javascript" src="./js/vue.js"></script>
<script type="text/javascript" src="./js/axios.js"></script>
<script type="text/javascript">
	var app = new Vue({
		el:'#app',
		data(){
			return {
				skus:[
					{
						name:"华为Mate40 Pro 5G，麒麟9000全球首发，第三代5G智能手机，66W无线快充，让你畅玩互联网！",
						price:9999,
						image:"img/index/1.png"
					},
					{
						name:"华为Mate40 Pro 5G，麒麟9000全球首发，第三代5G智能手机，66W无线快充，让你畅玩互联网！",
						price:9999,
						image:"img/index/4.png"
					},
					{
						name:"华为Mate40 5G，麒麟9000全球首发，第三代5G智能手机，66W无线快充，让你畅玩互联网！",
						price:9999,
						image:"img/index/2.png"
					},
					{
						name:"华为Mate40 Pro 5G，麒麟9000全球首发，第三代5G智能手机，66W无线快充，让你畅玩互联网！",
						price:9999,
						image:"img/index/3.png"
					}
				]
			}
		},
		created(){
			//this.loadHotProduct()
		},
		methods:{
			loadHotProduct(){
				//查询热门产品
				axios.get('http://localhost:8081/sku/aditems/type/1').then(function(resp){
					app.skus=resp.data.data
				})
			}
		}
	})
</script>

<script type="text/javascript">
    $(function() {
		$('.all-sort-list2 > .item').hover(function() {
			//父类分类列表容器的高度
			$(this).addClass('hover');
			$(this).children('.item-list').css('display', 'block');
		}, function() {
			$(this).removeClass('hover');
			$(this).children('.item-list').css('display', 'none');
		});

		$('.item > .item-list > .close').click(function() {
			$(this).parent().parent().removeClass('hover');
			$(this).parent().hide();
		});


        var num = 0;
        var timer = null;
        go();
        $("#box").mouseenter(function() { //实现当鼠标移动到box上时，不执行自动轮播功能
            clearInterval(timer); //移动进去时清除定时器
        }).mouseleave(function() {
            go(); //移出后执行go函数
        });
        $(".slider_indicators_btn").eq(0).css("backgroundColor", "white");
        //页面加载后默认是第一张图，则让第一个导航圆点变为“选中色”。
        function go() {
            timer = setInterval(function() { //设置定时器
                num++; //用一个全局变量来控制图的运动次数
                if (num > 4) { //如果移动到了最后一张图，则num赋值1，调整ul边距（相当于初始化）
                    num = 1;
                    $(".ul_list").css("margin-left", "0px");
                }
                if (num == 4) { //由于圆点只有四个，而图片有五张，当移动到第五张图片时，给第一个圆点“选中色”。
                    $(".slider_indicators_btn").css("backgroundColor", "transparent");
                    $(".slider_indicators_btn").eq(0).css("backgroundColor", "white");
                } else { //图片运动一次，导航圆点也动态的变换，这里先让所有圆点变为“不选中色”，再让当前圆点变为“选中色”。
                    $(".slider_indicators_btn").css("backgroundColor", "transparent");
                    $(".slider_indicators_btn").eq(num).css("backgroundColor", "white");
                }
                $(".ul_list").animate({
                    "marginLeft": -200 * num + "px"
                }, 580); //使用animate实行运动功能
            }, 2000);
        }

        $(".slider_indicators_btn").each(function(index) { //遍历每一个圆点添加点击事件，点击当前圆点则让num值赋为当前圆点的索引
            $(this).click(function() {
                num = index;
                $(".slider_indicators_btn").css("backgroundColor", "transparent");
                $(".slider_indicators_btn").eq(num).css("backgroundColor", "white");
                $(".ul_list").stop().animate({
                    "marginLeft": -200 * num + "px"
                }, 580);
            })
        });

        $(".right_click").click(function() {
            //右按钮点击事件，每点击一次num++,这里有很多的判断，是用来消除一些BUG的。
            if (num <= 4) {
                num++;
            }
            if (num > 4) {
                num = 1;
                $(".ul_list").css("margin-left", "0px");
            }
            if (num == 4) {
                $(".slider_indicators_btn").css("backgroundColor", "transparent");
                $(".slider_indicators_btn").eq(0).css("backgroundColor", "white");
            } else {
                $(".slider_indicators_btn").css("backgroundColor", "transparent");
                $(".slider_indicators_btn").eq(num).css("backgroundColor", "white");
            }
            $(".ul_list").stop().animate({
                "marginLeft": -200 * num + "px"
            }, 580);

        });

        $(".left_click").click(function() { //左按钮点击事件
            if (num >= 0) {
                num--;
            }
            if (num < 0) {
                num = 3;
                $(".ul_list").css("margin-left", "-1600px")
                $(".slider_indicators_btn").css("backgroundColor", "transparent");
                $(".slider_indicators_btn").eq(3).css("backgroundColor", "white");
            } else {
                $(".slider_indicators_btn").css("backgroundColor", "transparent");
                $(".slider_indicators_btn").eq(num).css("backgroundColor", "white");
            }
            $(".ul_list").stop().animate({
                "marginLeft": -200 * num + "px"
            }, 580);

        });

    });
</script>